﻿@model IMall.Web.Models.ViewModels.CommodityModel
@{
    ViewBag.Title = "商品详情页";
}

<div class="row clearfix">
    <ul class="breadcrumb" style="margin:0;background-color:white">
        <li>
            <a href="~/Home">首页</a>
        </li>
        <li class="active">
            @Model.Name
        </li>
    </ul>
</div>
<div class="row clearfix">
    <div class="col-md-5 column">
        <div class="thumbnail">
            <img src="~/Content/List/@Model.Icon" />
        </div>
    </div>
    <div class="col-md-7 column">
        <h3>@Model.Name</h3>
        <div class="alert alert-info" role="alert">
            <strong style="font-size:25px">￥<span style="font-size:40px;">@Model.Price</span></strong>
        </div>
        <div>
            <span class="label label-primary">运费</span> @Model.Freight
        </div>
        <form action="~/Home/Settlement" method="post">
            <div style="margin-top:15px;">
                <span class="label label-primary">尺码</span>
                <div class="radio radio-info radio-inline">
                    <input type="radio" id="M" value="M" name="size" checked="">
                    <label for="M"> M </label>
                </div>
                <div class="radio radio-info radio-inline">
                    <input type="radio" id="L" value="L" name="size">
                    <label for="L"> L </label>
                </div>
                <div class="radio radio-info radio-inline">
                    <input type="radio" id="XL" value="XL" name="size">
                    <label for="XL"> XL </label>
                </div>
            </div>
            <div style="margin-top:15px;">
                <span class="label label-primary">数量</span> 1 件
            </div>
            <div style="margin-top:15px;">
                <span class="label label-primary">收货地址</span>
                <select id="adress" name="adress" class="form-control" style="display:inline; width:60%">
                    @foreach (var adress in Model.Adress)
                    {
                        <option value="@adress.Key">@adress.Value</option>
                    }
                </select>
            </div>
            @Html.HiddenFor(m=>m.Id)
            <div style="margin-top:15px;">
                <button class="btn btn-success" type="submit">立即购买</button>
            </div>
        </form>
    </div>
</div>
<div class="row clearfix" style="margin-top:20px;">
    <div class="col-md-12 column">
        <div class="tabbable" id="tabs-34768">
            <ul class="nav nav-tabs">
                <li class="active">
                    <a href="#panel-572294" data-toggle="tab">商品详情</a>
                </li>
                <li>
                    <a href="#panel-356250" data-toggle="tab">关于我们</a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="panel-572294">
                    <p>
                        @Model.Infomation
                    </p>
                </div>
                <div class="tab-pane" id="panel-356250">
                    <p>
                        这里显示关于我们
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>